body { 
  background: url("Untitled.jpg") no-repeat; background-size: cover; margin:0;font-family:Helvetica;
  
  
}
a:visited {
  text-decoration: none;
}

a {
  text-decoration: none;
}
hr {
	
	margin-top:80px;
	margin-bottom:10px;
}

.foot{
	
	clear: both;
	position: relative;
	//background-color: #8d9399;
	height:120px;
	margin-top:-80px;
	padding-bottom: 5px;
	
	
  
}

.footnote {
	bottom:0;
	font-size:12px;
	font-family: helvetica;
	text-align: center;
	font-weight:bold;
	
	
}

.site:visited{
	  text-decoration:none;  color:#ffffff;
	  }
	   
  .site:link{
	  color:#ffffff;
	  text-decoration:none;
	  }
	  
	    .site:hover{
	  color:#8d9399;
	  text-decoration:none;
	  }
.topnav {
  overflow: hidden;
  background-color:#384650;
  float:right;
  width: 80%;
  border-radius: 14px;
  
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 6px 8px;
  text-decoration: none;
  font-size: 17px;

 
  padding-left: 45px;
}

.active {
  background-color: #384650;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
  font-size: 17px;
}


.box {
  display:flex;
  justify-content:right;
  flex-flow:row nowrap;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:30px;
  
}

.part-1, .part-2 {
  flex:0 0 50%;
 

  
}
.header  {
font-weight: bold;
padding-left:300px;
padding-top:50px;
left:40px;
padding-bottom: 50px;
font-size:30px!important;

}

.part-1{
padding-left:300px;
}


@media only screen and (max-width: 1600px) {
	.header  {
font-weight: bold;
padding-left:200px;
padding-top:50px;
left:40px;
padding-bottom: 50px;
font-size:30px!important;

}
	
	
	
	
	.part-1, .part-2 {
  flex:0 0 50%;
    left:40px;
	 
}


.part-1{
padding-left:200px;
}


	
	
	
	
	
	
	
	
	
  .gallery {
     
     float: left;
     width: 25%,75%;
	// background-color:blue!important;
  }
  
.labelling {
	opacity: 0.8;
	color: #f2f2f2;
	font-weight: 700;
	background-color: #8d9399;
	padding: 6px 16px;
	position: absolute;
	font-family: Helvetica;
	Top: 5%;
	font-size:20px!important;
	width: 100%;
	height: 68px!important;
	}

	/* Caption text */
	.text {
			opacity: 0.8;
	color: #f2f2f2;
	font-size: 20px!important;
	font-weight: 700;
	height: 88px!important;
	padding: 20px 2px;
	position: absolute;
	font-family: Helvetica;
	Top: 8%;
	width: 100%;
	Text-align: right;
	}

  #companylogo {
  padding-top:1px!important;
  height:45px;
  }
  
  #logo {
  padding-top:25px!important;
  height:45px;
  }
  
  .clearfix:after {
  content: "";
  display: table;
  clear: both;
}
 .address {
 
   background-color:red;
   font-weight:500;
   padding-left:15px;
   font-family:Segoe UI;
   font-size:12px;
   width:25%;
  }
}
@media screen and (max-width:768px){
  .box {
    flex-flow:column nowrap;
	 padding-left:10px;
	 font-size: 0.3em;
  }
   .part-2 {
  padding-top:40px;
  padding-left:100px;
   }
  .labelling {
	opacity: 0.8;
	color: #f2f2f2;
	font-weight: 700;
	background-color: #8d9399;
	//background-color:red!important;
	padding: 6px 17px!important;
	position: absolute;
	font-family: Helvetica;
	Top: 5%;
	font-size:6px!important;
	width: 100%;
	height: 38px!important;position: absolute;
	}

	/* Caption text */
	.text {
	color: #f2f2f2;
	font-size: 6px!important;
	font-weight: 700;
	height: 38px!important;
	padding: 14px 6px!important;
	position: absolute;
	font-family: Helvetica;
	Top: 8%;
	width: 100%;
	Text-align: right;
	}


}
.dropbtn {
  background-color: #384650;

}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 6px 8px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  padding-left: 45px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 1180px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  
   
 
}

@media screen and (max-width: 1180px) {
	.part-1, .part-2 {

}

	.part-1 {
  padding-left: 100px;
   
}

	.header  {
font-weight: bold;
padding-left:100px;
padding-top:50px;
left:40px;
padding-bottom: 50px;
font-size:30px!important;

}
	

 .column {
    width: 100%;
  }
	
	.labelling {
	opacity: 0.8;
	color: #f2f2f2;
	font-weight: 700;
	background-color: #8d9399;
	//background-color:red!important;
	padding: 6px 26px!important;
	position: absolute;
	font-family: Helvetica;
	Top: 5%;
	font-size:14px!important;
	width: 100%;
	height: 58px!important;position: absolute;
	}

	/* Caption text */
	.text {
		opacity: 0.8;
	color: #f2f2f2;
	font-size: 14px!important;
	font-weight: 700;
	height: 58px!important;
	padding: 20px 2px!important;
	position: absolute;
	font-family: Helvetica;
	Top: 8%;
	width: 100%;
	Text-align: right;
	}
	
	
	
	
	
	
	
	
	
	
	
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 50%;
    text-align: left;
  }
  
 
	.topnav {

	width: 100%;

  
	}
	.topnav a {

  padding: 7px 8px;

  font-size: 16px;

  padding-right: 15px;
  padding-left: 10px;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 7px 8px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
  .gallery {
	
    float: left;
    width: 100%;
	//background-color:red;

  }
  #companylogo {
  padding-top:1px!important;
  height:28px;
  //background-color:yellow;
  }
  
  #logo {
  // background-color:pink;
   float: left;
   padding-left: 15px!important;
   padding-top:5px!important;
  height:13px;
  }
  
  .gallery:after {
  content: "";
  display: table;
  clear: both;
}

 .address {
   floating:left;
   background-color:red;
   font-weight:500;
   padding-left:12px;
   font-family:Segoe UI;
   font-size:12px;
   width:25%;
  }
}





* {box-sizing: border-box;}
body {font-family: Helvetica, Univers LT;}
.mySlides {display: none;}
img {vertical-align: middle;}


  
@media screen and (max-width: 6940px) {
      .slideshow-container { 
	     width: 100%;
         /*height: 70%;*/
		 position: relative;
         overflow: hidden;
         margin:auto;
      }
   


/* Caption text */
	.labelling {
	opacity: 0.8;
	color: #f2f2f2;
	font-weight: 700;
	background-color: #8d9399;
	padding: 6px 26px;
	position: absolute;
	font-family: Helvetica;
	Top: 5%;
	font-size:28px;
	width: 100%;
	height: 88px;
	}

	/* Caption text */
	.text {
		opacity: 0.8;
	color: #f2f2f2;
	font-size: 28px;
	font-weight: 700;
	height: 128px;
	padding: 20px 8px;
	position: absolute;
	font-family: Helvetica;
	Top: 8%;
	width: 100%;
	Text-align: right;
	}


/* The dots/bullets/indicators */
   .dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
     background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


.act {
 background-color: #717171;

}




/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .9} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .9} 
  to {opacity: 1}
}


  
img.fit{
  
   width: 100%;
   height: auto;
}

 
 
 
 
 
 
 
 
 
 
 
 * {
  box-sizing: border-box;
}

/* Create four equal columns that floats next to each other */
.column {
display: inline block;
  float: left;
  width: 25%;
  padding: 2px;
     
	   
}

.row{


height:10%;

}

.disp{
border-radius: 14px;
text-align:center;
   padding-top:8px;
padding-bottom:8px;
   padding-left:10px;
   background-color:#384650;
   color:#ffffff;
   
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
  padding-bottom:8px;
}


  .gallery {

     float: left;
     width: 25%, 75%;
	 //background-color:blue!important;
  }
  
  .res{
  
      float: left
      width: 100%;
    }
  
  
  #companylogo {
  padding-top:1px!important;
  height:55px;
 // background-color:blue;
   padding-left:15px;
  }
  
  #logo {
  padding-top:30px!important;
 //  background-color:red;
  padding-left:30px;
  height:55px;
  }
  
  .res:after {
  content: "";
  display: table;
  clear: both;
  }
  
  
  .address {
   floating:left;
   //background-color:red;
   font-weight:500;
   padding-left:15px;
   font-family:Segoe UI;
   font-size:14px;
   width:100%;
  
  }


}
@media screen and (max-width: 900px) {

  
 .gallery {
	
    float: left;
    width: 100%;


  }
  #companylogo {
  padding-top:1px!important;
  height:28px;
  //background-color:yellow;
  }
  
  #logo {
  // background-color:pink;
   float: left;
   padding-left: 15px!important;
   padding-top:5px!important;
  height:13px;
  }
  
  .gallery:after {
  content: "";
  display: table;
  clear: both;
}

 .address {
   floating:left;
   //background-color:red;
   font-weight:500;
   padding-left:15px;
   font-family:Segoe UI;
   font-size:8px;
   width:100%;
   padding-bottom:10px;
  }
   .column {
    width: 50%;
  }
  
  .labelling {
	opacity: 0.8;
	color: #f2f2f2;
	font-weight: 700;
	background-color: #8d9399;
	//background-color:red!important;
	padding: 6px 17px!important;
	position: absolute;
	font-family: Helvetica;
	Top: 5%;
	font-size:9px!important;
	width: 100%;
	height: 38px!important;position: absolute;
	}

	/* Caption text */
	.text {
		opacity: 0.8;
	color: #f2f2f2!important;
	font-size: 9px!important;
	font-weight: 700;
	height: 38px!important;
	padding: 14px 10px!important;
	position: absolute;
	font-family: Helvetica;
	Top: 8%;
	width: 100%;
	Text-align: right;
	}
}


@media screen and (max-width: 400px) {
  
  .disp{
font-size: 12px;
}

  
  .gallery {
	
    float: left;
    width: 100%;
	//background-color:red;

  }
  #companylogo {
     padding-left: 10px!important;
  padding-top:1px!important;
  height:14px;
  //background-color:yellow;
  }
  
  #logo {
  // background-color:pink;
   float: left;
   padding-left: 10px!important;
   padding-top:1px!important;
  height:6px;
  }
  
  .gallery:after {
  content: "";
  display: table;
  clear: both;
}

 .address {
   floating:left;
   //background-color:red;
   font-weight:500;
   padding-left:10px;
   font-family:Segoe UI;
   font-size:6px;
   width:100%;
  }
  .box {
  display:flex;
  justify-content:right;
  flex-flow:row nowrap;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:30px;
  
}


  
    .labelling {
	opacity: 0.8;
	color: #f2f2f2;
	font-weight: 700;
	background-color: #8d9399;
	//background-color:blue!important;
	padding: 6px 15px!important;
	position: absolute;
	font-family: Helvetica;
	Top: 5%;
	font-size:3px!important;
	width: 100%;
	height: 28px!important;position: absolute;
	}

	/* Caption text */
	.text {
	color: #f2f2f2;
	font-size: 7px!important;
	font-weight: 700;
	height: 28px!important;
	padding: 14px 6px!important;
	position: absolute;
	font-family: Helvetica;
	Top: 8%;
	width: 100%;
	Text-align: right;
	font-size:5px!important;
	}
}

@media screen and (max-width:568px) {
	    .labelling {
	opacity: 0.8;
	color: #f2f2f2;
	font-weight: 700;
	background-color: #8d9399;
	//background-color:red!important;
	padding: 6px 17px!important;
	position: absolute;
	font-family: Helvetica;
	Top: 5%;
	font-size:7px!important;
	width: 100%;
	height: 34px!important;position: absolute;
	}

	/* Caption text */
	.text {
	color: #f2f2f2;
	font-size: 9px!important;
	font-weight: 700;
	height: 34px!important;
	padding: 14px 6px!important;
	position: absolute;
	font-family: Helvetica;
	Top: 8%;
	width: 100%;
	Text-align: right;
	}
	
}

@media screen and (max-width: 300px) {
 
    .disp{
font-size: 8px;
}

  
    .labelling {
	opacity: 0.8;
	color: #f2f2f2;
	//font-weight: 700;
	background-color: #8d9399;
	background-color:green!important;
	padding: 6px 7px!important;
	position: absolute;
	font-family: Helvetica;
	font-size: 0px!important;
	Top: 5%;
	//display:none;
	width: 100%;
	height: 18px!important;position: absolute;
	}

	/* Caption text */
	.text {
	color: #f2f2f2;
	font-size: 8px!important;
	font-weight: 700;
	height: 18px!important;
	padding: 4px 6px!important;
	position: absolute;
	font-family: Helvetica;
	Top: 8%;
	width: 100%;
	Text-align: right;
	}
}


.t, .c {
	
	font-weight: 600;
	color:#49555D;  
	
}

marquee {
font-weight:strong;        
color:#49555D;                                                                                                                                                                                       
padding-top:5px;
padding-bottom:5px;

}